<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="lib/swiper/swiper-3.3.1.min.css" />
	</head>

	<body>
		<!--头部-->
		<header class="swiper-container">
			<div class="swiper-wrapper" id="swiper_wrapper_js">
				<!--<a class="swiper-slide">
					<img src="img/banner.jpg"/>
				</a>
				<a class="swiper-slide">
					<img src="img/banner.jpg"/>
				</a>-->
			</div>
			<!--分页显示器-->
			<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
		</header>
		<!--栏目-->
		<ul class="index-column">
			<li><a href="convenience.html">便民服务</a></li>
			<li><a href="houseSer.html">房屋服务</a></li>
			<li><a href="play.html">吃喝玩乐</a></li>
			<li><a href="faceclo.html">美容服饰</a></li>
			<li><a href="charitable.html">慈善活动</a></li>
		</ul>
		<!--列表-->
		<!--<ul class="index-list" id="index_list_js">
			<li>
				<div class="index-list-left">
					<img src="img/headPortrait.jpg" alt="新闻图片" />
				</div>
				<div class="index-list-right">
					<h4>相关活动</h4>
					<p>这是新闻详情这是新闻详情这是新闻详情这是新闻详情这是新闻详情这是新闻详情这是新闻详情这是新闻详情这是新闻详情</p>
				</div>
			</li>
		</ul>-->
		<ul class="index-list" id="index_list_js">
			<!--<li>
				<a href="newsDatail.html">
					<span>活动</span>
					<p>上线了</p>
				</a>
			</li>-->
		</ul>
	</body>
	<script src="lib/JQuery/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/swiper/swiper-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>